<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>  浮动场景1；图片与文字环绕</title>
	<style>
		img{
			/* 图片脱离文档流    */
			float: right;
		margin-right:50px ;/* 图片与文字链接处间隙   */
		margin-bottom:50px ; /* 图片与文字连接间隙*/
		}
		p{
			 font-size:16px ;       /*页面默认字体尺寸*/          
			line-height: 20px;     /* 浮动文字*/
		   word-spacing: 20px;
		}

		
	</style>
	</head>
	<body>
		<h1>浮动之图片文字环绕</h1>
		<img src="img/1.jpg" alt="劳达" width="250px" height="250px" />
		<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Distinctio vel aut tempora vitae repellendus quae! Dolores animi ipsa laboriosam, aspernatur, quaerat illo fugit doloribus accusantium dignissimos beatae pariatur ipsam autem. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ab iste soluta, mollitia at vero facere, impedit ipsum odio repellat temporibus earum. Ut explicabo provident dicta quibusdam, illum sapiente omnis iste Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere mollitia quasi, laudantium nulla laboriosam, natus fugit tempore perferendis quis pariatur voluptas, dolores magni! Sunt deserunt esse labore quas architecto animi.</p>
	</body>
</html>